import React from 'react';
import classNames from 'classnames';
import { Link, History } from 'react-router';
import {
  Input
} from 'react-bootstrap';

class DialogRecharge extends React.Component {

  constructor(){
    super();
    this.state = {
        chkProtocol : true
    };
  }

  handleCheckboxChange(){

    let { handleProtocolChange } = this.props;
    let currentStatus = !this.state.chkProtocol;
    this.setState({
      chkProtocol : currentStatus
    });

    handleProtocolChange(currentStatus);
  }

  render(){
      return (
          <div>
          	<p>
            	尊敬的用户您好，充值成功后的账户积分将不支持提现，请知晓。
            </p>
            <p className="margin-top">
      				<input type="checkbox" checked={this.state.chkProtocol} onChange={this.handleCheckboxChange.bind(this)}/>
      				<small>
      					我已经阅读
                <a href="#/ProtocolRecharge" className="border-bottom">
                《华西证券策略好股平台充值业务规则》
                </a>
      				</small>
      			</p>
          </div>
      );
  }
}

export default DialogRecharge;